import { createRouter, createWebHashHistory } from 'vue-router'
// 项目启动的时候就会加载组件进到内存中
import HomeView from '../views/HomeView.vue'

// 路由配置
const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    // 懒加载，当页面打开时，才会加载组件进到内存中，可以解项目内容过多时，项目启动会卡的情况
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  }
]

const router = createRouter({
  history: createWebHashHistory(), //路径历史记录的使用方式
  routes
})

// ES6的导出代码
export default router
